<!-- 继承布局模板  -->
{{extend '../common/layout.html'}}

<!-- 引入头部文件 -->
{{block 'title'}}
<title>用户界面</title>
{{/block}}
<!-- css文件引入 -->
{{block 'css'}}
<link rel="stylesheet" href="/css/header.css">
<link rel="stylesheet" href="/public/release/wangEditor.css">
<link rel="stylesheet" href="/css/user.css"> {{/block}}

<!-- 主体内容 -->
{{block 'content'}}
<!-- 引入头部文件 -->
{{include '../common/header.html'}}

<!-- 主题内容 -->
<div class="container mt-5">
    <nav>
        <div class="nav nav-tabs" id="nav-tab" role="tablist">
            <a class="nav-item nav-link {{type=='info'?'active':''}}" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">主页</a>
            <a class="nav-item nav-link  {{type=='setting'?' active':''}}" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">设置</a>
            <a class="nav-item nav-link  {{type=='publish'?' active':''}}" id="nav-article-tab" data-toggle="tab" href="#nav-article" role="tab" aria-controls="nav-article" aria-selected="false">发布文章</a>
        </div>
    </nav>
    <div class="tab-content" id="nav-tabContent">
        <div class="tab-pane fade {{type=='info'?'show active':''}}" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">{{include "../components/userInfo.html"}}</div>
        <div class="tab-pane fade {{type=='setting'?'show active':''}}" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">{{include "../components/userSetting.html"}}</div>
        <div class="tab-pane fade {{type=='publish'?'show active':''}}" id="nav-article" role="tabpanel" aria-labelledby="nav-profile-tab">{{include "../components/addArticle.html"}}</div>
    </div>
</div>
{{/block}} {{block 'script'}}


<script src="/utils/ajax.js"></script>
<script src="/public/release/wangEditor.js"></script>
<script src="/public/release/js/plupload/plupload.full.min.js"></script>
<script src="/public/release/js/plupload/i18n/zh_CN.js"></script>
<!-- 上传文章七牛插件自带 -->
<script src="/public/release/js/qiniu.js"></script>
<!-- 上传本地图片七牛 -->
<script src="/public/qiniu/qiniu.min.js"></script>
<script src="/public/release/imgConfig.js"></script>
<script src="/js/header.js"></script>
<script src="/js/user.js"></script>
{{/block}}